<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>table</title>
</head>

<body>
  <!-- 
    cellpadding: 内容和单元格边框距离
    cellspacing: 单元格间距离
    一般通过css来指定
   -->
  <table align="center" border="1" cellpadding="10" cellspacing="0" width="500px" height="200px">
    <tr>
      <!-- th 表头： 加粗，居中 -->
      <th>name</th>
      <th>sex</th>
      <th>age</th>
    </tr>
    <tr>
      <td>Tom</td>
      <td>male</td>
      <td>18</td>
    </tr>
    <tr>
      <td>Lilith</td>
      <td>female</td>
      <td>40</td>
    </tr>
  </table>

  <p>表格结构区域</p>

  <table align="center" border="1" cellpadding="10" cellspacing="0" width="500px" height="200px">
    <thead>
      <tr>
        <th>name</th>
        <th>sex</th>
        <th>age</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Tom</td>
        <td>male</td>
        <td>18</td>
      </tr>
      <tr>
        <td>Lilith</td>
        <td>female</td>
        <td>40</td>
      </tr>
    </tbody>
  </table>

  <p>合并单元格</p>

  <table align="center" border="1" cellpadding="10" cellspacing="0" width="500px" height="200px">
    <tr>
      <th colspan="5">RESUME</th>
    </tr>
    <tr>
      <th>name:</th>
      <td>xxxxxxx</td>
      <th>sex:</th>
      <td>xxxxxxx</td>
      <th rowspan="4">photo</th>
    </tr>
    <tr>
      <th>marrige:</th>
      <td></td>
      <th>birth:</th>
      <td></td>
    </tr>
    <tr>
      <th>nationality:</th>
      <td></td>
      <th>politics:</th>
      <td></td>
    </tr>
    <tr>
      <th>height:</th>
      <td></td>
      <th>education:</th>
      <td></td>
    </tr>
  </table>
</body>

</html>